<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原生js实现ajax点赞</title>
</head>
<body>
<img src="img/神仙cp.jpeg" alt="" width="500px" height="300px"><br>
<span>0</span>&nbsp;&nbsp;<button onclick="point()">点赞</button>
<script>
    function point() {
        //获取原来的点赞数
        var nu = document.getElementsByTagName("span")[0].innerText;
        // 创建发起异步请求的对象
        var xhr=new XMLHttpRequest();
        //指定请求方法，路径以及请求类型为异步，get请求通过URL来传递参数
        xhr.open("get","jsajax?num="+nu,true);
        // 对于post请求携带参数设置，如果get请求，参数为空
        xhr.send();
        // 获取请求状态
        xhr.onreadystatechange=function () {
            //如果请求响应回来的状态码为200表示响应成功
            if (xhr.readyState==4&&xhr.status==200){
                //获取响应回来的数据
                var text=xhr.responseText;
                // 将响应回来的内容写入到span标签中
                document.getElementsByTagName("span")[0].innerText=text;
            }
        }
    }
</script>

</body>
</html>